<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    	               "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    	<title>Servidor Consumindo Rest</title>
		<link rel="stylesheet" href="css/styles.css" />
  </head>
  <div class="header">
	<input type="text" id="searchKey"/>
	<button id="btnSearch">Procurar</button>
	<button id="btnAdd">Nova Categoria</button>
</div>


<div class="leftArea">
<ul id="categoriaList"></ul>
</div>

<form id="categoriaForm">
	
<div class="mainArea">

<label>Id:</label>
<input id="catId" name="id" type="text"  />

<label>Name:</label>
<input type="text" id="catName" name="name" required="true">

<button id="btnSave">Salvar</button>
<button id="btnDelete">Deletar</button>

</div>

</form>
<script src="js/jquery-1.8.2.js"></script>
<script src="js/main.js"></script>


</html> 
